<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <title>我的订单</title>
   <meta name="description" content="">
   <meta name="keywords" content="">
   <link href="css/iconfont.css" rel="stylesheet">
   <link href="css/reset.css" rel="stylesheet">
   <link href="css/common.css" rel="stylesheet">
   <link href="lib/css/swiper.min.css" rel="stylesheet">
   <link href="css/myorder.css" rel="stylesheet">
   <script src="js/screenresize.js"></script>
</head>
<body onload="loaded()">
   <!-- header 开始 -->
   <header>
      <div class="wrapper clearfix">
         <p><a class="goBack" href="#"><i class="iconfont icon-fanhui"></i>返回</a></p>
         <p><a href="#">我的订单</a></p>
      </div>
   </header>
   <!-- header 结束 -->
   <!-- cont 开始 -->
<div id="wrapper">
   <div id="scroller">
      <div class="cont">
         <div class="wrapper">
            <div class="top por">
               <input type="text" placeholder="商品名称/订单编号">
               <i class="iconfont icon-sousuo-sousuo poa"></i>
            </div>
            <div class="tit por swiper-container" id="nav">
               <ul class="clearfix swiper-wrapper">
                  <li class="swiper-slide"><a href="#">全&nbsp;&nbsp;部</a></li>
                  <li class="swiper-slide"><a href="#">待付款</a></li>
                  <li class="swiper-slide"><a href="#">待发货</a></li>
                  <li class="swiper-slide"><a href="#">待收货</a></li>
                  <li class="swiper-slide"><a href="#">待评价</a></li>
                  <li class="swiper-slide"><a href="#">退&nbsp;&nbsp;货</a></li>
               </ul>
               <i class="line poa"></i>
            </div>
            <div class="swiper-container" id="cn-cotainer">
               <div class="swiper-wrapper">
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
                  <ul class="list swiper-slide">
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">交易成功</p>
                           <p class="fr">2016-12-09</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-0.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">Olay玉兰油Pro-X亮洁晳颜祛斑精华液  补水保湿小白瓶面部美容精华</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran" type="button" value="评价">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">待收货</p>
                           <p class="fr">2016-11-19</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-1.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">【纪梵希】便携式彩妆盒 限量 腮红粉饼 眼影睫毛膏...</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥419</span>
                                 <div class="btn fr">
                                    <input class="oran blue" type="button" value="确认收货">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl">未付款</p>
                           <p class="fr">2016-11-29</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran red" type="button" value="付款">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                     <li>
                        <div class="secTit clearfix">
                           <p class="fl blu">交易关闭</p>
                           <p class="fr">2016-10-14</p>
                        </div>
                        <div class="picTxt clearfix">
                           <a href="#"><img class="fl" src="images/myorder-pic-2.png" alt=""></a>
                           <div class="fr txt">
                              <p class="descript">
                                 <a href="#">韩束（KanS）倍润亮颜修容霜（红BB) 40ml</a>
                              </p>
                              <p>x1</p>
                              <div class="lastLine clearfix">
                                 <span class="fl">￥209</span>
                                 <div class="btn fr">
                                    <input class="oran green" type="button" value="查看记录">
                                    <input type="button" value="删除">
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
               </div> 
            </div> 
         </div>
      </div>
   </div>
</div>
   <!-- cont 结束 -->
   <!-- footer 开始 -->
   <footer>
      <ul>
         <li>
            <a href="index.html"> <i class="iconfont icon-shouyeshouye"></i>
               <p>首页</p>
            </a>
         </li>
         <li>
            <a href="classify.html"> <i class="iconfont icon-fenlei"></i>
               <p>分类</p>
            </a>
         </li>
         <li>
            <a href="find.html">
               <i class="iconfont icon-faxian"></i>
               <p>发现</p>
            </a>
         </li>
         <li>
            <a href="shoppingCar.html">
               <i class="iconfont icon-gouwuche"></i>
               <p>购物车</p>
            </a>
         </li>
         <li>
            <a class="cur" href="myCenter.html">
               <i class="iconfont icon-iconfontwode"></i>
               <p>我的</p>
            </a>
         </li>
      </ul>
   </footer>
   <!-- footer 结束 -->
<script src="lib/js/zepto.min.js"></script>
<script src="lib/js/swiper.min.js"></script>
<script src="js/iscroll-probe.js"></script>
<script src="lib/js/layer.min.js"></script>
<script src="js/myorder.js"></script>
<script>
   //  下拉刷新
    var myScroll;
    var valY;

    function loaded() {
        myScroll = new IScroll('#wrapper', {
            probeType: 3,
            scrollbars: true,
            mouseWheel: true,
            interactiveScrollbars: true,
            shrinkScrollbars: 'scale',
            fadeScrollbars: true,
            
        });
        myScroll.on('scrollStart', function(){
            if($(".freshbox").length == 0){
                $("#wrapper").append('<div class="freshbox"><p class="pro"></p><p class="msg"></p></div>');
            }
        });
        myScroll.on('scroll', function(e){
            valY = parseInt(this.y);
            $(".msg").text("松开刷新");
            if(valY<=100){
                $(".pro").css("width",parseInt(this.y)+"%");
                $(".msg").text(parseInt(this.y)+"%");
            }else{
                document.addEventListener('touchend', function () { 
                     var t = setTimeout(function(){
                        location.href = "myorder.html";
                           clearTimeout(t);
                     },1000);
                },false);    
            }

        }); 
        
    }
      document.addEventListener('touchmove', function (e){ 
            e.preventDefault();
      }, false);
   //  确认提交订单
        $('.cont .red').click(function(){
        //询问框
        layer.open({
            content: '确定去付款？',
            btn: ['确定', '取消'],
            yes: function(index){
                var t = setTimeout(function(){
                    location.href = "confirmorder.html";
                    clearTimeout(t);
                },1000);
                layer.close(index);
            }
        });
    });
</script>
</body>
</html>